<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.min.js"></script>

  <title>Vite App</title>
</head>

<body>
  <div id="app" class="demo">
	{{count+5}}<br>
	{{5+5}}<br>
	{{ok? "yes" : "no"}}<br>
	msg.split(): {{msg.split()}}<br>
	msg.split(""): {{msg.split("")}}<br>
	msg.split(" "): {{msg.split(" ")}}<br>
	msg.split("").reverse(): {{msg.split("").reverse()}}<br>
	msg.split("").reverse().join(): {{msg.split("").reverse().join()}}<br>
	msg.split("").reverse().join(""): {{msg.split("").reverse().join("")}}<br>
	</div>

<script>
const app = Vue.createApp({
  data() {
    return { 
		count: 4,
		ok:true,
		msg:"apple banna"
	}
	  
  }
})

const vm = app.mount('#app')

  </script>
</body>

</html>
